<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>KindEditor Main Test</title>
		<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
		<!-- <script src="../lib/firebug-lite/build/firebug-lite.js#startOpened"></script> -->
		<link rel="stylesheet" href="../themes/black/default.css?t=20120318.css" />
		<link rel="stylesheet" href="../themes/simple/simple.css" />
		<style>
			.selected {
				padding: 10px;
				margin: 10px;
			}
			table, td, tr {
				padding: 10px;
				margin: 10px;
			}
		</style>
		<script src="../src/core.js"></script>
		<script src="../src/config.js"></script>
		<script src="../src/event.js"></script>
		<script src="../src/html.js"></script>
		<script src="../src/selector.js"></script>
		<script src="../src/node.js"></script>
		<script src="../src/range.js"></script>
		<script src="../src/cmd.js"></script>
		<script src="../src/widget.js"></script>
		<script src="../src/edit.js"></script>
		<script src="../src/toolbar.js"></script>
		<script src="../src/menu.js"></script>
		<script src="../src/colorpicker.js"></script>
		<script src="../src/uploadbutton.js"></script>
		<script src="../src/dialog.js"></script>
		<script src="../src/tabs.js"></script>
		<script src="../src/ajax.js"></script>
		<script src="../src/main.js"></script>
		<script src="../lang/zh-CN.js"></script>
		<script src="../lang/en.js"></script>
		<script src="../plugins/emoticons/emoticons.js"></script>
		<script src="../plugins/flash/flash.js"></script>
		<script src="../plugins/link/link.js"></script>
		<script src="../plugins/media/media.js"></script>
		<script src="../plugins/plainpaste/plainpaste.js"></script>
		<script src="../plugins/table/table.js"></script>
		<script src="../plugins/wordpaste/wordpaste.js"></script>
		<script src="../plugins/filemanager/filemanager.js"></script>
		<script src="../plugins/preview/preview.js"></script>
		<script src="../plugins/code/code.js"></script>
		<script src="../plugins/map/map.js"></script>
		<script src="../plugins/lineheight/lineheight.js"></script>
		<script src="../plugins/clearhtml/clearhtml.js"></script>
		<script src="../plugins/table/table.js"></script>
		<script src="../plugins/fixtoolbar/fixtoolbar.js"></script>
		<script src="../plugins/autoheight/autoheight.js"></script>
	</head>
	<body>
		<h1 id="type">KindEditor Main Test</h1>
		<table id="menu">
		<tr>
		<td align="center">
		<form method="post" action="../php/demo.php">
			<textarea name="content1" cols="100" rows="20" style="width:100%;height:200px;"><div>
    <img alt="" src="/kindeditor/plugins/emoticons/images/0.gif" />
    <div>
        123
    </div>
</div>
</textarea>
			<br />
			<textarea name="content2" cols="100" rows="20" style="width:80%;height:200px;"><table style="width:100%;" cellpadding="2" cellspacing="0" border="1" bordercolor="#000000">
	<tbody>
		<tr>
			<td rowspan="3">
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
		<tr>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
		<tr>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
		<tr>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
		<tr>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
	</tbody>
</table>
<br />
<br />
<input checked="checked" type="radio" />
<p>
	在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。
</p>
<p>
	在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。
</p>
<p>
	在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。
</p>
<p>
	在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。
</p><input checked="checked" type="radio">
<p>在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。</p>
<p>在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。</p>
<p>在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。</p>
<p>在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。</p>
			</textarea>
			<br />
			<select id="uploadFile">
				<option value="">附件列表</option>
			</select>
			<br />
			HTML计数：<span id="J_count1"></span>
			<br />
			<!-- <iframe src="http://test.domain.com/github-kindsoft/kindeditor/test/leak.html"></iframe> -->
			<textarea id="insertHtml" style="width:90%;"><!-- comment test --><strong>abcd</strong></textarea>
			<br />
			<input type="button" id="create1" value="Create #1" />
			<input type="button" id="create2" value="Create #2" />
			<input type="button" id="remove1" value="Remove #1" />
			<input type="button" id="remove2" value="Remove #2" />
			<input type="button" id="getHtml1" value="Get HTML #1" />
			<input type="button" id="fullHtml1" value="Get Full HTML #1" />
			<input type="button" id="setHtml1" value="Set HTML #1" />
			<input type="button" id="empty1" value="Empty #1" />
			<input type="button" id="getText1" value="Get Text #1" />
			<input type="button" id="setText1" value="Set Text #1" />
			<input type="button" id="selectedHtml1" value="Get Selected HTML #1" />
			<input type="button" id="insertHtml1" value="Insert HTML #1" />
			<input type="button" id="appendHtml1" value="Append HTML #1" />
			<input type="button" id="sync1" value="Sync #1" />
			<input type="button" id="focus1" value="Focus #1" />
			<input type="button" id="blur1" value="Blur #1" />
			<input type="button" id="readonly1" value="Readonly #1" />
			<input type="button" id="cancelReadonly1" value="Cancel Readonly #1" />
			<input type="button" id="isEmpty1" value="Is Empty #1" />
			<input type="button" id="isDirty1" value="Is Dirty #1" />
			<input type="button" id="loadPlugin1" value="Load Plugin #1" />
			<input type="submit" name="button" value="Submit" />
			<input type="reset" name="button" value="Reset" />
			<input type="text" id="url" value="" /> <input type="button" id="image" value="选择图片" />
		</form>
		<script>
			KindEditor.DEBUG = true;
			KindEditor.options.filterMode = false;
			KindEditor.options.autoHeightMode = true;
			KindEditor.options.fixToolBar = true;
			//document.domain = 'domain.com';
			KindEditor.basePath = '../';
			KindEditor.ready(function(K) {
				var editor1 = K.create('textarea[name=content1]', {
					basePath : '../',
					pluginsPath : '../plugins/',
					urlType : 'absolute',
					themeType : 'simple',
					allowImageUpload : true,
					allowImageRemote : true,
					allowFileUpload : true,
					designMode : true,
					allowFileManager : true,
					fullscreenMode : false,
					formatUploadUrl : false,
					fullscreenShortcut : false,
					newlineTag : 'p',
					pasteType : 1,
					extraFileUploadParams : {
						'testParam1' : 'a',
						'testParam2' : 'b'
					},
					//afterTab : function() {
						//editor2.focus();
					//},
					afterChange : function() {
						K('#J_count1').html(this.count());
						//console.log('1');
					},
					afterUpload : function(url, data, name) {
						var select = K('#uploadFile')[0];
						select.options.add(new Option(url, url));
						console.log(data);
						console.log(name);
					},
					afterSelectFile : function(url) {
						var select = K('#uploadFile')[0];
						select.options.add(new Option(url, url));
					},
					afterCreate : function() {
						//this.loadPlugin('autoheight');
					}
				});
				K('#create1').click(function(e) {
					editor1.create();
				});
				K('#remove1').click(function(e) {
					editor1.remove();
				});
				K('#getHtml1').click(function(e) {
					alert(editor1.html());
				});
				K('#fullHtml1').click(function(e) {
					alert(editor1.fullHtml());
				});
				K('#setHtml1').click(function(e) {
					editor1.html(K('#insertHtml').val());
				});
				K('#empty1').click(function(e) {
					editor1.html('');
				});
				K('#getText1').click(function(e) {
					alert(editor1.text());
				});
				K('#setText1').click(function(e) {
					editor1.text(K('#insertHtml').val());
				});
				K('#selectedHtml1').click(function(e) {
					alert(editor1.selectedHtml());
				});
				K('#insertHtml1').click(function(e) {
					editor1.insertHtml(K('#insertHtml').val());
				});
				K('#appendHtml1').click(function(e) {
					editor1.appendHtml(K('#insertHtml').val());
				});
				K('#sync1').click(function(e) {
					editor1.sync();
					alert(K('textarea[name=content1]').val());
				});
				K('#focus1').click(function(e) {
					editor1.focus();
				});
				K('#blur1').click(function(e) {
					editor1.blur();
				});
				K('#readonly1').click(function(e) {
					editor1.readonly();
				});
				K('#cancelReadonly1').click(function(e) {
					editor1.readonly(false);
				});
				K('#isEmpty1').click(function(e) {
					alert(editor1.isEmpty());
				});
				K('#isDirty1').click(function(e) {
					alert(editor1.isDirty());
				});
				K('#loadPlugin1').click(function(e) {
					editor1.loadPlugin('template', function() {

					});
					editor1.loadPlugin('template', function() {

					});
				});
				var editor2 = K.create(K('textarea[name=content2]').get(), {
					basePath : '../',
					langType : 'en',
					formatUploadUrl : false,
					afterTab : function() {
						K('#uploadFile')[0].focus();
					},
					afterCreate : function() {
						//this.loadPlugin('autoheight');
					}
				});
				K('#create2').click(function(e) {
					editor2.create();

				});
				K('#remove2').click(function(e) {
					editor2.remove();
				});

				var editor3 = K.editor({
					basePath : '../',
					themesPath : '../themes/',
					pluginsPath : '../plugins/',
					langPath : '../lang/',
					allowFileManager : true
				});
				K('#image').click(function() {
					editor3.loadPlugin('image', function() {
						editor3.plugin.imageDialog({
							imageUrl : K('#url').val(),
							clickFn : function(url, title, width, height, border, align) {
								K('#url').val(url);
								editor3.hideDialog();
							}
						});
					});
				});
				K.create('textarea[name=content1]');

				//K(window).bind('resize', function(e) {
				//	editor1.resize(null, document.documentElement.clientHeight);
				//});
			});
		</script>
		</td>
		</tr>
		</table>
		<div style="height:1000px;"></div>
	</body>
</html>
